﻿<!DOCTYPE html>
<html>
  <head>
    <title>HOME</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/home/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/home/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u128" class="ax_default" data-left="20" data-top="20" data-width="432" data-height="863">

        <!-- Unnamed (组合) -->
        <div id="u129" class="ax_default" data-left="20" data-top="20" data-width="432" data-height="863">

          <!-- Unnamed (图片 ) -->
          <div id="u130" class="ax_default image">
            <img id="u130_img" class="img " src="images/启动页/u3.png"/>
            <div id="u130_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u131" class="ax_default image">
            <img id="u131_img" class="img " src="images/启动页/u4.png"/>
            <div id="u131_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u132" class="ax_default image">
            <img id="u132_img" class="img " src="images/启动页/u5.png"/>
            <div id="u132_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u133" class="ax_default image">
            <img id="u133_img" class="img " src="images/启动页/u6.png"/>
            <div id="u133_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u134" class="ax_default _默认样式">
          <div id="u134_div" class=""></div>
          <div id="u134_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u135" class="ax_default _图片_">
        <img id="u135_img" class="img " src="images/启动页/u8.png"/>
        <div id="u135_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u136" class="ax_default" data-left="77" data-top="790" data-width="318" data-height="41">

        <!-- Unnamed (SVG) -->
        <div id="u137" class="ax_default _图片_">
          <img id="u137_img" class="img " src="images/home/u137.svg"/>
          <div id="u137_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u138" class="ax_default _图片_">
          <img id="u138_img" class="img " src="images/home/u138.svg"/>
          <div id="u138_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u139" class="ax_default _图片_">
          <img id="u139_img" class="img " src="images/home/u139.svg"/>
          <div id="u139_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u140" class="ax_default _图片_">
          <img id="u140_img" class="img " src="images/home/u140.svg"/>
          <div id="u140_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u141" class="ax_default _图片_">
          <img id="u141_img" class="img " src="images/home/u141.png"/>
          <div id="u141_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- 1 (动态面板) -->
      <div id="u142" class="ax_default" data-label="1">
        <div id="u142_state0" class="panel_state" data-label="首页" style="">
          <div id="u142_state0_content" class="panel_state_content">

            <!-- 2 (动态面板) -->
            <div id="u143" class="ax_default" data-label="2">
              <div id="u143_state0" class="panel_state" data-label="State1" style="">
                <div id="u143_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u144" class="ax_default box_1">
                    <div id="u144_div" class=""></div>
                    <div id="u144_text" class="text ">
                      <p><span>搜索食物或运动名称</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u145" class="ax_default icon">
                    <img id="u145_img" class="img " src="images/home/u145.svg"/>
                    <div id="u145_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u146" class="ax_default icon">
                    <img id="u146_img" class="img " src="images/home/u146.svg"/>
                    <div id="u146_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片 ) -->
                  <div id="u147" class="ax_default _图片_">
                    <img id="u147_img" class="img " src="images/home/u147.svg"/>
                    <div id="u147_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (图片 ) -->
                  <div id="u148" class="ax_default _图片_">
                    <img id="u148_img" class="img " src="images/home/u148.svg"/>
                    <div id="u148_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u149" class="ax_default _文本段落">
                    <div id="u149_div" class=""></div>
                    <div id="u149_text" class="text ">
                      <p><span>运动<br>sport</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u150" class="ax_default _文本段落">
                    <div id="u150_div" class=""></div>
                    <div id="u150_text" class="text ">
                      <p><span>食物<br>food</span></p>
                    </div>
                  </div>

                  <!-- 运动搭配食谱 (组合) -->
                  <div id="u151" class="ax_default" data-label="运动搭配食谱" data-left="24" data-top="389" data-width="323" data-height="136">

                    <!-- Unnamed (矩形) -->
                    <div id="u152" class="ax_default box_1">
                      <div id="u152_div" class=""></div>
                      <div id="u152_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u153" class="ax_default _文本段落">
                      <div id="u153_div" class=""></div>
                      <div id="u153_text" class="text ">
                        <p><span>运动搭配食谱</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (SVG) -->
                    <div id="u154" class="ax_default _图片_">
                      <img id="u154_img" class="img " src="images/home/u154.svg"/>
                      <div id="u154_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (SVG) -->
                    <div id="u155" class="ax_default _图片_">
                      <img id="u155_img" class="img " src="images/home/u155.svg"/>
                      <div id="u155_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u156" class="ax_default _文本段落">
                      <div id="u156_div" class=""></div>
                      <div id="u156_text" class="text ">
                        <p><span>牛肉是高质量的蛋白质来源，而且铁元素含量极高，这是跑步者尤为重要的一种元素，因为铁元素不足会导致疲劳。</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- 经典均衡食谱 (组合) -->
                  <div id="u157" class="ax_default" data-label="经典均衡食谱" data-left="24" data-top="542" data-width="323" data-height="135">

                    <!-- Unnamed (矩形) -->
                    <div id="u158" class="ax_default box_1">
                      <div id="u158_div" class=""></div>
                      <div id="u158_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u159" class="ax_default _文本段落">
                      <div id="u159_div" class=""></div>
                      <div id="u159_text" class="text ">
                        <p><span>经典均衡食谱</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u160" class="ax_default _文本段落">
                      <div id="u160_div" class=""></div>
                      <div id="u160_text" class="text ">
                        <p><span>高脂肪通常整体热量较高，容易影响当天整体热量摄入的平衡状态，增加体重波动风险。</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- 高蛋白 (组合) -->
                  <div id="u161" class="ax_default" data-label="高蛋白" data-left="24" data-top="689" data-width="323" data-height="39">

                    <!-- Unnamed (矩形) -->
                    <div id="u162" class="ax_default box_1">
                      <div id="u162_div" class=""></div>
                      <div id="u162_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u163" class="ax_default _文本段落">
                      <div id="u163_div" class=""></div>
                      <div id="u163_text" class="text ">
                        <p><span>蛋白质是组成人体一切细胞、组织的重要</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (SVG) -->
                    <div id="u164" class="ax_default _图片_">
                      <img id="u164_img" class="img " src="images/home/u164.svg"/>
                      <div id="u164_text" class="text " style="display:none; visibility: hidden">
                        <p></p>
                      </div>
                    </div>
                  </div>

                  <!-- lunbo (动态面板) -->
                  <div id="u165" class="ax_default" data-label="lunbo">
                    <div id="u165_state0" class="panel_state" data-label="State1" style="">
                      <div id="u165_state0_content" class="panel_state_content">

                        <!-- Unnamed (矩形) -->
                        <div id="u166" class="ax_default box_1">
                          <img id="u166_img" class="img " src="images/home/u166.svg"/>
                          <div id="u166_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div id="u165_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
                      <div id="u165_state1_content" class="panel_state_content">

                        <!-- Unnamed (图片 ) -->
                        <div id="u167" class="ax_default image">
                          <img id="u167_img" class="img " src="images/home/u167.png"/>
                          <div id="u167_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div id="u165_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
                      <div id="u165_state2_content" class="panel_state_content">

                        <!-- Unnamed (矩形) -->
                        <div id="u168" class="ax_default box_1">
                          <img id="u168_img" class="img " src="images/home/u168.svg"/>
                          <div id="u168_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div id="u165_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
                      <div id="u165_state3_content" class="panel_state_content">

                        <!-- Unnamed (矩形) -->
                        <div id="u169" class="ax_default box_1">
                          <img id="u169_img" class="img " src="images/home/u169.svg"/>
                          <div id="u169_text" class="text " style="display:none; visibility: hidden">
                            <p></p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u170" class="ax_default icon">
                    <img id="u170_img" class="img " src="images/home/u170.svg"/>
                    <div id="u170_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- 1白 (形状) -->
                  <div id="u171" class="ax_default icon" data-label="1白">
                    <img id="u171_img" class="img " src="images/home/1白_u171.svg"/>
                    <div id="u171_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u172" class="ax_default icon">
                    <img id="u172_img" class="img " src="images/home/u170.svg"/>
                    <div id="u172_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u173" class="ax_default icon">
                    <img id="u173_img" class="img " src="images/home/u170.svg"/>
                    <div id="u173_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u174" class="ax_default icon">
                    <img id="u174_img" class="img " src="images/home/u170.svg"/>
                    <div id="u174_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- 2白 (形状) -->
                  <div id="u175" class="ax_default icon ax_default_hidden" data-label="2白" style="display:none; visibility: hidden">
                    <img id="u175_img" class="img " src="images/home/1白_u171.svg"/>
                    <div id="u175_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- 3白 (形状) -->
                  <div id="u176" class="ax_default icon ax_default_hidden" data-label="3白" style="display:none; visibility: hidden">
                    <img id="u176_img" class="img " src="images/home/1白_u171.svg"/>
                    <div id="u176_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>

                  <!-- 4白 (形状) -->
                  <div id="u177" class="ax_default icon ax_default_hidden" data-label="4白" style="display:none; visibility: hidden">
                    <img id="u177_img" class="img " src="images/home/1白_u171.svg"/>
                    <div id="u177_text" class="text " style="display:none; visibility: hidden">
                      <p></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state1" class="panel_state" data-label="食物库" style="visibility: hidden;">
          <div id="u142_state1_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u178" class="ax_default box_1">
              <div id="u178_div" class=""></div>
              <div id="u178_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u179" class="ax_default box_1">
              <div id="u179_div" class=""></div>
              <div id="u179_text" class="text ">
                <p><span>搜索食物名称</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u180" class="ax_default icon">
              <img id="u180_img" class="img " src="images/home/u145.svg"/>
              <div id="u180_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u181" class="ax_default icon">
              <img id="u181_img" class="img " src="images/home/u146.svg"/>
              <div id="u181_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u182" class="ax_default box_1">
              <div id="u182_div" class=""></div>
              <div id="u182_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 主食 (组合) -->
            <div id="u183" class="ax_default" data-label="主食" data-left="39" data-top="139" data-width="304" data-height="75">

              <!-- Unnamed (图片 ) -->
              <div id="u184" class="ax_default _图片_">
                <img id="u184_img" class="img " src="images/home/u184.png"/>
                <div id="u184_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u185" class="ax_default _文本段落">
                <div id="u185_div" class=""></div>
                <div id="u185_text" class="text ">
                  <p><span>主食类</span></p>
                </div>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u186" class="ax_default _图片_">
                <img id="u186_img" class="img " src="images/home/u155.svg"/>
                <div id="u186_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u187" class="ax_default _图片_">
              <img id="u187_img" class="img " src="images/home/u187.png"/>
              <div id="u187_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u188" class="ax_default _图片_">
              <img id="u188_img" class="img " src="images/home/u188.png"/>
              <div id="u188_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u189" class="ax_default _图片_">
              <img id="u189_img" class="img " src="images/home/u189.png"/>
              <div id="u189_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u190" class="ax_default _图片_">
              <img id="u190_img" class="img " src="images/home/u190.png"/>
              <div id="u190_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u191" class="ax_default _图片_">
              <img id="u191_img" class="img " src="images/home/u191.png"/>
              <div id="u191_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u192" class="ax_default _图片_">
              <img id="u192_img" class="img " src="images/home/u192.png"/>
              <div id="u192_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u193" class="ax_default _图片_">
              <img id="u193_img" class="img " src="images/home/u193.png"/>
              <div id="u193_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u194" class="ax_default _图片_">
              <img id="u194_img" class="img " src="images/home/u194.png"/>
              <div id="u194_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u195" class="ax_default _文本段落">
              <div id="u195_div" class=""></div>
              <div id="u195_text" class="text ">
                <p><span>其他</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u196" class="ax_default _文本段落">
              <div id="u196_div" class=""></div>
              <div id="u196_text" class="text ">
                <p><span>肉蛋类</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u197" class="ax_default _文本段落">
              <div id="u197_div" class=""></div>
              <div id="u197_text" class="text ">
                <p><span>大豆及制品</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u198" class="ax_default _文本段落">
              <div id="u198_div" class=""></div>
              <div id="u198_text" class="text ">
                <p><span>蔬菜菌藻类</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u199" class="ax_default _文本段落">
              <div id="u199_div" class=""></div>
              <div id="u199_text" class="text ">
                <p><span>水果类</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u200" class="ax_default _文本段落">
              <div id="u200_div" class=""></div>
              <div id="u200_text" class="text ">
                <p><span>奶类</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u201" class="ax_default _文本段落">
              <div id="u201_div" class=""></div>
              <div id="u201_text" class="text ">
                <p><span>油脂类</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u202" class="ax_default _文本段落">
              <div id="u202_div" class=""></div>
              <div id="u202_text" class="text ">
                <p><span>坚果类</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u203" class="ax_default _图片_">
              <img id="u203_img" class="img " src="images/home/u203.png"/>
              <div id="u203_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u204" class="ax_default _文本段落">
              <div id="u204_div" class=""></div>
              <div id="u204_text" class="text ">
                <p><span>调味品</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u205" class="ax_default _图片_">
              <img id="u205_img" class="img " src="images/home/u205.png"/>
              <div id="u205_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u206" class="ax_default _文本段落">
              <div id="u206_div" class=""></div>
              <div id="u206_text" class="text ">
                <p><span>饮料类</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u207" class="ax_default _图片_">
              <img id="u207_img" class="img " src="images/home/u207.png"/>
              <div id="u207_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u208" class="ax_default _文本段落">
              <div id="u208_div" class=""></div>
              <div id="u208_text" class="text ">
                <p><span>零食、点心及冷饮</span></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u209" class="ax_default _图片_">
              <img id="u209_img" class="img " src="images/home/u155.svg"/>
              <div id="u209_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u210" class="ax_default _图片_">
              <img id="u210_img" class="img " src="images/home/u155.svg"/>
              <div id="u210_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u211" class="ax_default _图片_">
              <img id="u211_img" class="img " src="images/home/u155.svg"/>
              <div id="u211_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u212" class="ax_default _图片_">
              <img id="u212_img" class="img " src="images/home/u155.svg"/>
              <div id="u212_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u213" class="ax_default _图片_">
              <img id="u213_img" class="img " src="images/home/u155.svg"/>
              <div id="u213_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u214" class="ax_default _图片_">
              <img id="u214_img" class="img " src="images/home/u155.svg"/>
              <div id="u214_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u215" class="ax_default _图片_">
              <img id="u215_img" class="img " src="images/home/u155.svg"/>
              <div id="u215_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u216" class="ax_default _图片_">
              <img id="u216_img" class="img " src="images/home/u155.svg"/>
              <div id="u216_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u217" class="ax_default _图片_">
              <img id="u217_img" class="img " src="images/home/u155.svg"/>
              <div id="u217_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u218" class="ax_default _图片_">
              <img id="u218_img" class="img " src="images/home/u155.svg"/>
              <div id="u218_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u219" class="ax_default _图片_">
              <img id="u219_img" class="img " src="images/home/u155.svg"/>
              <div id="u219_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u220" class="ax_default _文本段落">
              <div id="u220_div" class=""></div>
              <div id="u220_text" class="text ">
                <p><span>食物food</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u221" class="ax_default _图片_">
              <img id="u221_img" class="img " src="images/home/u221.png"/>
              <div id="u221_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u222" class="ax_default _图片_">
              <img id="u222_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u222_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state2" class="panel_state" data-label="运动库" style="visibility: hidden;">
          <div id="u142_state2_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u223" class="ax_default box_1">
              <div id="u223_div" class=""></div>
              <div id="u223_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u224" class="ax_default box_1">
              <img id="u224_img" class="img " src="images/home/u224.svg"/>
              <div id="u224_text" class="text ">
                <p><span>搜索运动名称</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u225" class="ax_default icon">
              <img id="u225_img" class="img " src="images/home/u145.svg"/>
              <div id="u225_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u226" class="ax_default icon">
              <img id="u226_img" class="img " src="images/home/u146.svg"/>
              <div id="u226_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u227" class="ax_default box_1">
              <div id="u227_div" class=""></div>
              <div id="u227_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u228" class="ax_default _文本段落">
              <div id="u228_div" class=""></div>
              <div id="u228_text" class="text ">
                <p><span>有氧运动区</span></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u229" class="ax_default _图片_">
              <img id="u229_img" class="img " src="images/home/u229.svg"/>
              <div id="u229_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u230" class="ax_default _图片_">
              <img id="u230_img" class="img " src="images/home/u230.svg"/>
              <div id="u230_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 篮球 (组合) -->
            <div id="u231" class="ax_default" data-label="篮球" data-left="42" data-top="280" data-width="256" data-height="30">

              <!-- Unnamed (SVG) -->
              <div id="u232" class="ax_default _图片_">
                <img id="u232_img" class="img " src="images/home/u232.svg"/>
                <div id="u232_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u233" class="ax_default _文本段落">
                <div id="u233_div" class=""></div>
                <div id="u233_text" class="text ">
                  <p><span>篮球</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u234" class="ax_default _文本段落">
                <div id="u234_div" class=""></div>
                <div id="u234_text" class="text ">
                  <p><span style="color:#19736B;">480</span><span style="color:#000000;">卡/小时</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u235" class="ax_default _图片_">
              <img id="u235_img" class="img " src="images/home/u235.svg"/>
              <div id="u235_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u236" class="ax_default _文本段落">
              <div id="u236_div" class=""></div>
              <div id="u236_text" class="text ">
                <p><span>慢跑</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u237" class="ax_default _文本段落">
              <div id="u237_div" class=""></div>
              <div id="u237_text" class="text ">
                <p><span>游泳</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u238" class="ax_default _文本段落">
              <div id="u238_div" class=""></div>
              <div id="u238_text" class="text ">
                <p><span>定向越野</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u239" class="ax_default _文本段落">
              <div id="u239_div" class=""></div>
              <div id="u239_text" class="text ">
                <p><span style="color:#19736B;">320</span><span style="color:#000000;">卡/小时</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u240" class="ax_default box_1">
              <div id="u240_div" class=""></div>
              <div id="u240_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u241" class="ax_default box_1">
              <div id="u241_div" class=""></div>
              <div id="u241_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u242" class="ax_default _文本段落">
              <div id="u242_div" class=""></div>
              <div id="u242_text" class="text ">
                <p><span style="color:#19736B;">360</span><span style="color:#000000;">卡/小时</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u243" class="ax_default _文本段落">
              <div id="u243_div" class=""></div>
              <div id="u243_text" class="text ">
                <p><span style="color:#19736B;">540</span><span style="color:#000000;">卡/小时</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u244" class="ax_default box_1">
              <div id="u244_div" class=""></div>
              <div id="u244_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u245" class="ax_default _文本段落">
              <div id="u245_div" class=""></div>
              <div id="u245_text" class="text ">
                <p><span>无氧运动区</span></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u246" class="ax_default _图片_">
              <img id="u246_img" class="img " src="images/home/u246.svg"/>
              <div id="u246_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u247" class="ax_default _图片_">
              <img id="u247_img" class="img " src="images/home/u247.svg"/>
              <div id="u247_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u248" class="ax_default _图片_">
              <img id="u248_img" class="img " src="images/home/u248.svg"/>
              <div id="u248_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u249" class="ax_default _文本段落">
              <div id="u249_div" class=""></div>
              <div id="u249_text" class="text ">
                <p><span>短跑</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u250" class="ax_default _文本段落">
              <div id="u250_div" class=""></div>
              <div id="u250_text" class="text ">
                <p><span>举重</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u251" class="ax_default _文本段落">
              <div id="u251_div" class=""></div>
              <div id="u251_text" class="text ">
                <p><span>拳击</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u252" class="ax_default _文本段落">
              <div id="u252_div" class=""></div>
              <div id="u252_text" class="text ">
                <p><span>肌力训练</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u253" class="ax_default _文本段落">
              <div id="u253_div" class=""></div>
              <div id="u253_text" class="text ">
                <p><span style="color:#19736B;">600</span><span style="color:#000000;">卡/小时</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u254" class="ax_default box_1">
              <div id="u254_div" class=""></div>
              <div id="u254_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u255" class="ax_default box_1">
              <div id="u255_div" class=""></div>
              <div id="u255_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u256" class="ax_default _文本段落">
              <div id="u256_div" class=""></div>
              <div id="u256_text" class="text ">
                <p><span style="color:#19736B;">360</span><span style="color:#000000;">卡/小时</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u257" class="ax_default _文本段落">
              <div id="u257_div" class=""></div>
              <div id="u257_text" class="text ">
                <p><span style="color:#19736B;">720</span><span style="color:#000000;">卡/小时</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u258" class="ax_default _文本段落">
              <div id="u258_div" class=""></div>
              <div id="u258_text" class="text ">
                <p><span style="color:#19736B;">600</span><span style="color:#000000;">卡/小时</span></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u259" class="ax_default _图片_">
              <img id="u259_img" class="img " src="images/home/u259.svg"/>
              <div id="u259_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u260" class="ax_default _文本段落">
              <div id="u260_div" class=""></div>
              <div id="u260_text" class="text ">
                <p><span>运动sport</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u261" class="ax_default _图片_">
              <img id="u261_img" class="img " src="images/home/u221.png"/>
              <div id="u261_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u262" class="ax_default _图片_">
              <img id="u262_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u262_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state3" class="panel_state" data-label="篮球" style="visibility: hidden;">
          <div id="u142_state3_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u263" class="ax_default box_1">
              <div id="u263_div" class=""></div>
              <div id="u263_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u264" class="ax_default _文本段落">
              <div id="u264_div" class=""></div>
              <div id="u264_text" class="text ">
                <p><span>运动sport</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u265" class="ax_default _图片_">
              <img id="u265_img" class="img " src="images/home/u221.png"/>
              <div id="u265_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u266" class="ax_default _图片_">
              <img id="u266_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u266_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u267" class="ax_default _图片_">
              <img id="u267_img" class="img " src="images/home/u267.png"/>
              <div id="u267_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u268" class="ax_default _文本段落">
              <div id="u268_div" class=""></div>
              <div id="u268_text" class="text ">
                <p><span>篮球</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u269" class="ax_default _文本段落">
              <div id="u269_div" class=""></div>
              <div id="u269_text" class="text ">
                <p><span style="color:#19736B;">480</span><span style="color:#000000;">卡/小时</span></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u270" class="ax_default _图片_">
              <img id="u270_img" class="img " src="images/home/u270.svg"/>
              <div id="u270_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u271" class="ax_default _文本段落">
              <div id="u271_div" class=""></div>
              <div id="u271_text" class="text ">
                <p><span>（以60kg体重为参考）</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u272" class="ax_default box_1">
              <div id="u272_div" class=""></div>
              <div id="u272_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u273" class="ax_default _图片_">
              <img id="u273_img" class="img " src="images/home/u273.png"/>
              <div id="u273_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u274" class="ax_default _文本段落">
              <div id="u274_div" class=""></div>
              <div id="u274_text" class="text ">
                <p><span>运动强度</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u275" class="ax_default _文本段落">
              <div id="u275_div" class=""></div>
              <div id="u275_text" class="text ">
                <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#19736B;">8</span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#000000;">&nbsp;&nbsp; MET</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u276" class="ax_default _文本段落">
              <div id="u276_div" class=""></div>
              <div id="u276_text" class="text ">
                <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#19736B;">4</span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#19736B;">&nbsp;&nbsp; </span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;color:#000000;">分钟</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u277" class="ax_default _文本段落">
              <div id="u277_div" class=""></div>
              <div id="u277_text" class="text ">
                <p><span>千步活动量时间</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u278" class="ax_default line">
              <img id="u278_img" class="img " src="images/home/u278.svg"/>
              <div id="u278_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u279" class="ax_default _文本段落">
              <div id="u279_div" class=""></div>
              <div id="u279_text" class="text ">
                <p><span>消耗480卡的热量相当于摄入以下食物：</span></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u280" class="ax_default _图片_">
              <img id="u280_img" class="img " src="images/home/u280.svg"/>
              <div id="u280_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u281" class="ax_default _图片_">
              <img id="u281_img" class="img " src="images/home/u280.svg"/>
              <div id="u281_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u282" class="ax_default box_1">
              <div id="u282_div" class=""></div>
              <div id="u282_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u283" class="ax_default _图片_">
              <img id="u283_img" class="img " src="images/home/u283.png"/>
              <div id="u283_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u284" class="ax_default _文本段落">
              <div id="u284_div" class=""></div>
              <div id="u284_text" class="text ">
                <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#19736B;">2.1</span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">碗米饭</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u285" class="ax_default box_1">
              <div id="u285_div" class=""></div>
              <div id="u285_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u286" class="ax_default box_1">
              <div id="u286_div" class=""></div>
              <div id="u286_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u287" class="ax_default _文本段落">
              <div id="u287_div" class=""></div>
              <div id="u287_text" class="text ">
                <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#19736B;">12</span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">把通菜</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u288" class="ax_default _图片_">
              <img id="u288_img" class="img " src="images/home/u288.png"/>
              <div id="u288_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u289" class="ax_default _图片_">
              <img id="u289_img" class="img " src="images/home/u289.png"/>
              <div id="u289_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u290" class="ax_default _文本段落">
              <div id="u290_div" class=""></div>
              <div id="u290_text" class="text ">
                <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;color:#19736B;">5.1</span><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">个苹果</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u291" class="ax_default _文本段落">
              <div id="u291_div" class=""></div>
              <div id="u291_text" class="text ">
                <p><span>运动特点：</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u292" class="ax_default box_1">
              <div id="u292_div" class=""></div>
              <div id="u292_text" class="text ">
                <p><span>对抗性</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u293" class="ax_default box_1">
              <div id="u293_div" class=""></div>
              <div id="u293_text" class="text ">
                <p><span>集体性</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u294" class="ax_default box_1">
              <div id="u294_div" class=""></div>
              <div id="u294_text" class="text ">
                <p><span>观赏性</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u295" class="ax_default box_1">
              <div id="u295_div" class=""></div>
              <div id="u295_text" class="text ">
                <p><span>趣味性</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u296" class="ax_default line">
              <img id="u296_img" class="img " src="images/home/u278.svg"/>
              <div id="u296_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u297" class="ax_default line">
              <img id="u297_img" class="img " src="images/home/u278.svg"/>
              <div id="u297_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state4" class="panel_state" data-label="主食类" style="visibility: hidden;">
          <div id="u142_state4_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u298" class="ax_default box_1">
              <div id="u298_div" class=""></div>
              <div id="u298_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u299" class="ax_default box_1">
              <div id="u299_div" class=""></div>
              <div id="u299_text" class="text ">
                <p><span>搜索食物名称</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u300" class="ax_default icon">
              <img id="u300_img" class="img " src="images/home/u145.svg"/>
              <div id="u300_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u301" class="ax_default icon">
              <img id="u301_img" class="img " src="images/home/u146.svg"/>
              <div id="u301_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u302" class="ax_default box_1">
              <div id="u302_div" class=""></div>
              <div id="u302_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u303" class="ax_default _图片_">
              <img id="u303_img" class="img " src="images/home/u184.png"/>
              <div id="u303_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u304" class="ax_default _文本段落">
              <div id="u304_div" class=""></div>
              <div id="u304_text" class="text ">
                <p><span>玉米</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u305" class="ax_default _文本段落">
              <div id="u305_div" class=""></div>
              <div id="u305_text" class="text ">
                <p><span>燕麦片</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u306" class="ax_default _文本段落">
              <div id="u306_div" class=""></div>
              <div id="u306_text" class="text ">
                <p><span>面包</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u307" class="ax_default _文本段落">
              <div id="u307_div" class=""></div>
              <div id="u307_text" class="text ">
                <p><span>红薯</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u308" class="ax_default _文本段落">
              <div id="u308_div" class=""></div>
              <div id="u308_text" class="text ">
                <p><span>小米粥</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u309" class="ax_default _文本段落">
              <div id="u309_div" class=""></div>
              <div id="u309_text" class="text ">
                <p><span>马铃薯</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u310" class="ax_default _文本段落">
              <div id="u310_div" class=""></div>
              <div id="u310_text" class="text ">
                <p><span>面条（生）</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u311" class="ax_default _文本段落">
              <div id="u311_div" class=""></div>
              <div id="u311_text" class="text ">
                <p><span>米饭</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u312" class="ax_default _文本段落">
              <div id="u312_div" class=""></div>
              <div id="u312_text" class="text ">
                <p><span>大米</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u313" class="ax_default _文本段落">
              <div id="u313_div" class=""></div>
              <div id="u313_text" class="text ">
                <p><span>全麦面包</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u314" class="ax_default _文本段落">
              <div id="u314_div" class=""></div>
              <div id="u314_text" class="text ">
                <p><span>食物food</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u315" class="ax_default _图片_">
              <img id="u315_img" class="img " src="images/home/u221.png"/>
              <div id="u315_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u316" class="ax_default _文本段落">
              <div id="u316_div" class=""></div>
              <div id="u316_text" class="text ">
                <p><span style="color:#FE8654;">112</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u317" class="ax_default _文本段落">
              <div id="u317_div" class=""></div>
              <div id="u317_text" class="text ">
                <p><span>主食类</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u318" class="ax_default _图片_">
              <img id="u318_img" class="img " src="images/home/u318.png"/>
              <div id="u318_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u319" class="ax_default _图片_">
              <img id="u319_img" class="img " src="images/home/u319.png"/>
              <div id="u319_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u320" class="ax_default _图片_">
              <img id="u320_img" class="img " src="images/home/u320.png"/>
              <div id="u320_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u321" class="ax_default _图片_">
              <img id="u321_img" class="img " src="images/home/u321.png"/>
              <div id="u321_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u322" class="ax_default _图片_">
              <img id="u322_img" class="img " src="images/home/u322.png"/>
              <div id="u322_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u323" class="ax_default _图片_">
              <img id="u323_img" class="img " src="images/home/u323.png"/>
              <div id="u323_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u324" class="ax_default _图片_">
              <img id="u324_img" class="img " src="images/home/u324.png"/>
              <div id="u324_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u325" class="ax_default _图片_">
              <img id="u325_img" class="img " src="images/home/u325.png"/>
              <div id="u325_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u326" class="ax_default _图片_">
              <img id="u326_img" class="img " src="images/home/u326.png"/>
              <div id="u326_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u327" class="ax_default _图片_">
              <img id="u327_img" class="img " src="images/home/u327.png"/>
              <div id="u327_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 紫薯 (组合) -->
            <div id="u328" class="ax_default" data-label="紫薯" data-left="41" data-top="622" data-width="264" data-height="47">

              <!-- Unnamed (矩形) -->
              <div id="u329" class="ax_default _文本段落">
                <div id="u329_div" class=""></div>
                <div id="u329_text" class="text ">
                  <p><span>紫薯</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u330" class="ax_default _图片_">
                <img id="u330_img" class="img " src="images/home/u330.png"/>
                <div id="u330_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u331" class="ax_default _文本段落">
                <div id="u331_div" class=""></div>
                <div id="u331_text" class="text ">
                  <p><span style="color:#FE8654;">106</span><span style="color:#000000;">千卡/100克</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u332" class="ax_default box_1">
              <div id="u332_div" class=""></div>
              <div id="u332_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u333" class="ax_default box_1">
              <div id="u333_div" class=""></div>
              <div id="u333_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u334" class="ax_default _文本段落">
              <div id="u334_div" class=""></div>
              <div id="u334_text" class="text ">
                <p><span style="color:#FE8654;">338</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u335" class="ax_default _文本段落">
              <div id="u335_div" class=""></div>
              <div id="u335_text" class="text ">
                <p><span style="color:#FE8654;">313</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u336" class="ax_default _文本段落">
              <div id="u336_div" class=""></div>
              <div id="u336_text" class="text ">
                <p><span style="color:#FE8654;">61</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u337" class="ax_default _文本段落">
              <div id="u337_div" class=""></div>
              <div id="u337_text" class="text ">
                <p><span style="color:#FE8654;">46</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u338" class="ax_default _文本段落">
              <div id="u338_div" class=""></div>
              <div id="u338_text" class="text ">
                <p><span style="color:#FE8654;">81</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u339" class="ax_default _文本段落">
              <div id="u339_div" class=""></div>
              <div id="u339_text" class="text ">
                <p><span style="color:#FE8654;">301</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u340" class="ax_default _文本段落">
              <div id="u340_div" class=""></div>
              <div id="u340_text" class="text ">
                <p><span style="color:#FE8654;">116</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u341" class="ax_default _文本段落">
              <div id="u341_div" class=""></div>
              <div id="u341_text" class="text ">
                <p><span style="color:#FE8654;">346</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u342" class="ax_default _文本段落">
              <div id="u342_div" class=""></div>
              <div id="u342_text" class="text ">
                <p><span style="color:#FE8654;">246</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u343" class="ax_default _图片_">
              <img id="u343_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u343_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state5" class="panel_state" data-label="主食紫薯" style="visibility: hidden;">
          <div id="u142_state5_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u344" class="ax_default box_1">
              <div id="u344_div" class=""></div>
              <div id="u344_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u345" class="ax_default _文本段落">
              <div id="u345_div" class=""></div>
              <div id="u345_text" class="text ">
                <p><span>紫薯</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u346" class="ax_default _文本段落">
              <div id="u346_div" class=""></div>
              <div id="u346_text" class="text ">
                <p><span>食物food</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u347" class="ax_default _图片_">
              <img id="u347_img" class="img " src="images/home/u221.png"/>
              <div id="u347_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u348" class="ax_default _图片_">
              <img id="u348_img" class="img " src="images/home/u330.png"/>
              <div id="u348_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u349" class="ax_default _文本段落">
              <div id="u349_div" class=""></div>
              <div id="u349_text" class="text ">
                <p><span style="color:#FE8654;">106</span><span style="color:#000000;">千卡/100克</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u350" class="ax_default _图片_">
              <img id="u350_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u350_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u351" class="ax_default _图片_">
              <img id="u351_img" class="img " src="images/home/u267.png"/>
              <div id="u351_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u352" class="ax_default flow_shape">
              <div id="u352_div" class=""></div>
              <div id="u352_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u353" class="ax_default flow_shape">
              <div id="u353_div" class=""></div>
              <div id="u353_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u354" class="ax_default _文本段落">
              <div id="u354_div" class=""></div>
              <div id="u354_text" class="text ">
                <p><span>每100g</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u355" class="ax_default _文本段落">
              <div id="u355_div" class=""></div>
              <div id="u355_text" class="text ">
                <p><span>1.0个</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u356" class="ax_default _文本段落">
              <div id="u356_div" class=""></div>
              <div id="u356_text" class="text ">
                <p><span>1.0个（小）</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u357" class="ax_default _文本段落">
              <div id="u357_div" class=""></div>
              <div id="u357_text" class="text ">
                <p><span>营养元素</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u358" class="ax_default _文本段落">
              <div id="u358_div" class=""></div>
              <div id="u358_text" class="text ">
                <p><span>每100克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u359" class="ax_default _文本段落">
              <div id="u359_div" class=""></div>
              <div id="u359_text" class="text ">
                <p><span>备注</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u360" class="ax_default line">
              <img id="u360_img" class="img " src="images/home/u360.svg"/>
              <div id="u360_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u361" class="ax_default _文本段落">
              <div id="u361_div" class=""></div>
              <div id="u361_text" class="text ">
                <p><span>热量</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u362" class="ax_default _文本段落">
              <div id="u362_div" class=""></div>
              <div id="u362_text" class="text ">
                <p><span>蛋白质</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u363" class="ax_default _文本段落">
              <div id="u363_div" class=""></div>
              <div id="u363_text" class="text ">
                <p><span>106.0千卡</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u364" class="ax_default _文本段落">
              <div id="u364_div" class=""></div>
              <div id="u364_text" class="text ">
                <p><span>1.6克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u365" class="ax_default _文本段落">
              <div id="u365_div" class=""></div>
              <div id="u365_text" class="text ">
                <p><span>脂肪</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u366" class="ax_default _文本段落">
              <div id="u366_div" class=""></div>
              <div id="u366_text" class="text ">
                <p><span>0.2克</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u367" class="ax_default _文本段落">
              <div id="u367_div" class=""></div>
              <div id="u367_text" class="text ">
                <p><span>碳水化合物</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u368" class="ax_default _文本段落">
              <div id="u368_div" class=""></div>
              <div id="u368_text" class="text ">
                <p><span>25.1克</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u369" class="ax_default line">
              <img id="u369_img" class="img " src="images/home/u360.svg"/>
              <div id="u369_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u370" class="ax_default line">
              <img id="u370_img" class="img " src="images/home/u360.svg"/>
              <div id="u370_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u371" class="ax_default line">
              <img id="u371_img" class="img " src="images/home/u360.svg"/>
              <div id="u371_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u372" class="ax_default line">
              <img id="u372_img" class="img " src="images/home/u360.svg"/>
              <div id="u372_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u373" class="ax_default _文本段落">
              <div id="u373_div" class=""></div>
              <div id="u373_text" class="text ">
                <p><span>更多营养元素</span></p>
              </div>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u374" class="ax_default flow_shape">
              <img id="u374_img" class="img " src="images/home/u374.svg"/>
              <div id="u374_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u375" class="ax_default _文本段落">
              <div id="u375_div" class=""></div>
              <div id="u375_text" class="text ">
                <p><span style="color:#FE8654;">GI值</span><span>：77.0（高GI）</span></p>
              </div>
            </div>

            <!-- Unnamed (圆形) -->
            <div id="u376" class="ax_default ellipse">
              <img id="u376_img" class="img " src="images/home/u376.svg"/>
              <div id="u376_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u377" class="ax_default _文本段落">
              <div id="u377_div" class=""></div>
              <div id="u377_text" class="text ">
                <p><span>推荐</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u378" class="ax_default _文本段落">
              <div id="u378_div" class=""></div>
              <div id="u378_text" class="text ">
                <p><span>紫薯提供给人体较多的钙，推荐使用</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u379" class="ax_default line">
              <img id="u379_img" class="img " src="images/home/u360.svg"/>
              <div id="u379_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u380" class="ax_default _文本段落">
              <div id="u380_div" class=""></div>
              <div id="u380_text" class="text ">
                <p><span>进食1个(小)紫薯量</span></p><p><span>相当于摄入以下食物:</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u381" class="ax_default flow_shape">
              <div id="u381_div" class=""></div>
              <div id="u381_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u382" class="ax_default _图片_">
              <img id="u382_img" class="img " src="images/home/u382.png"/>
              <div id="u382_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u383" class="ax_default _文本段落">
              <div id="u383_div" class=""></div>
              <div id="u383_text" class="text ">
                <p><span>0.9碗米饭</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state6" class="panel_state" data-label="运动搭配食谱" style="visibility: hidden;">
          <div id="u142_state6_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u384" class="ax_default box_1">
              <div id="u384_div" class=""></div>
              <div id="u384_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u385" class="ax_default _图片_">
              <img id="u385_img" class="img " src="images/home/u221.png"/>
              <div id="u385_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u386" class="ax_default _图片_">
              <img id="u386_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u386_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u387" class="ax_default _图片_">
              <img id="u387_img" class="img " src="images/home/u267.png"/>
              <div id="u387_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u388" class="ax_default flow_shape">
              <img id="u388_img" class="img " src="images/home/u374.svg"/>
              <div id="u388_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u389" class="ax_default flow_shape">
              <div id="u389_div" class=""></div>
              <div id="u389_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u390" class="ax_default box_1">
              <div id="u390_div" class=""></div>
              <div id="u390_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u391" class="ax_default box_1">
              <div id="u391_div" class=""></div>
              <div id="u391_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 高蛋白食谱 (组合) -->
            <div id="u392" class="ax_default" data-label="高蛋白食谱" data-left="46" data-top="127" data-width="260" data-height="145">

              <!-- Unnamed (矩形) -->
              <div id="u393" class="ax_default box_1">
                <div id="u393_div" class=""></div>
                <div id="u393_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u394" class="ax_default _文本段落">
                <div id="u394_div" class=""></div>
                <div id="u394_text" class="text ">
                  <p><span>高蛋白食谱</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u395" class="ax_default _文本段落">
                <div id="u395_div" class=""></div>
                <div id="u395_text" class="text ">
                  <p><span>快速恢复体力</span></p><p><span>&nbsp;&nbsp; 促进肌肉</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u396" class="ax_default _文本段落">
                <div id="u396_div" class=""></div>
                <div id="u396_text" class="text ">
                  <p><span>High Protein</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u397" class="ax_default _图片_">
                <img id="u397_img" class="img " src="images/home/u397.png"/>
                <div id="u397_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u398" class="ax_default _文本段落">
              <div id="u398_div" class=""></div>
              <div id="u398_text" class="text ">
                <p><span>运动搭配食谱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u399" class="ax_default box_1">
              <div id="u399_div" class=""></div>
              <div id="u399_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u400" class="ax_default box_1">
              <div id="u400_div" class=""></div>
              <div id="u400_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u401" class="ax_default _文本段落">
              <div id="u401_div" class=""></div>
              <div id="u401_text" class="text ">
                <p><span>促睾食谱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u402" class="ax_default _文本段落">
              <div id="u402_div" class=""></div>
              <div id="u402_text" class="text ">
                <p><span>Testosterone</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u403" class="ax_default _文本段落">
              <div id="u403_div" class=""></div>
              <div id="u403_text" class="text ">
                <p><span>减少能量摄入</span></p><p><span>科学减重塑形</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u404" class="ax_default _文本段落">
              <div id="u404_div" class=""></div>
              <div id="u404_text" class="text ">
                <p><span>减脂食谱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u405" class="ax_default _文本段落">
              <div id="u405_div" class=""></div>
              <div id="u405_text" class="text ">
                <p><span>Lose Fat</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u406" class="ax_default _文本段落">
              <div id="u406_div" class=""></div>
              <div id="u406_text" class="text ">
                <p><span>减少能量摄入</span></p><p><span>科学减重塑形</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u407" class="ax_default _文本段落">
              <div id="u407_div" class=""></div>
              <div id="u407_text" class="text ">
                <p><span style="color:#19736B;">Nutri</span><span style="color:#FE8654;">sporter</span></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u408" class="ax_default _图片_">
              <img id="u408_img" class="img " src="images/home/u408.svg"/>
              <div id="u408_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u409" class="ax_default _图片_">
              <img id="u409_img" class="img " src="images/home/u409.png"/>
              <div id="u409_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u410" class="ax_default _图片_">
              <img id="u410_img" class="img " src="images/home/u410.png"/>
              <div id="u410_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state7" class="panel_state" data-label="经典均衡食谱" style="visibility: hidden;">
          <div id="u142_state7_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u411" class="ax_default box_1">
              <div id="u411_div" class=""></div>
              <div id="u411_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u412" class="ax_default _图片_">
              <img id="u412_img" class="img " src="images/home/u221.png"/>
              <div id="u412_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u413" class="ax_default _图片_">
              <img id="u413_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u413_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u414" class="ax_default _图片_">
              <img id="u414_img" class="img " src="images/home/u267.png"/>
              <div id="u414_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u415" class="ax_default flow_shape">
              <img id="u415_img" class="img " src="images/home/u374.svg"/>
              <div id="u415_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u416" class="ax_default flow_shape">
              <div id="u416_div" class=""></div>
              <div id="u416_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u417" class="ax_default box_1">
              <div id="u417_div" class=""></div>
              <div id="u417_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u418" class="ax_default box_1">
              <div id="u418_div" class=""></div>
              <div id="u418_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u419" class="ax_default box_1">
              <div id="u419_div" class=""></div>
              <div id="u419_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (SVG) -->
            <div id="u420" class="ax_default _图片_">
              <img id="u420_img" class="img " src="images/home/u420.svg"/>
              <div id="u420_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u421" class="ax_default _文本段落">
              <div id="u421_div" class=""></div>
              <div id="u421_text" class="text ">
                <p><span>经典均衡食谱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u422" class="ax_default box_1">
              <div id="u422_div" class=""></div>
              <div id="u422_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u423" class="ax_default box_1">
              <div id="u423_div" class=""></div>
              <div id="u423_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u424" class="ax_default _图片_">
              <img id="u424_img" class="img " src="images/home/u424.png"/>
              <div id="u424_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u425" class="ax_default _文本段落">
              <div id="u425_div" class=""></div>
              <div id="u425_text" class="text ">
                <p><span>低碳食谱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u426" class="ax_default _文本段落">
              <div id="u426_div" class=""></div>
              <div id="u426_text" class="text ">
                <p><span>&nbsp;降低食欲</span></p><p><span>减轻饥饿感</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u427" class="ax_default _文本段落">
              <div id="u427_div" class=""></div>
              <div id="u427_text" class="text ">
                <p><span>Low Carbon</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u428" class="ax_default _文本段落">
              <div id="u428_div" class=""></div>
              <div id="u428_text" class="text ">
                <p><span>低糖食谱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u429" class="ax_default _文本段落">
              <div id="u429_div" class=""></div>
              <div id="u429_text" class="text ">
                <p><span>Low Sugar</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u430" class="ax_default _文本段落">
              <div id="u430_div" class=""></div>
              <div id="u430_text" class="text ">
                <p><span>&nbsp;抗氧化</span></p><p><span>预防衰老</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u431" class="ax_default _图片_">
              <img id="u431_img" class="img " src="images/home/u431.png"/>
              <div id="u431_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u432" class="ax_default _图片_">
              <img id="u432_img" class="img " src="images/home/u432.png"/>
              <div id="u432_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u433" class="ax_default _文本段落">
              <div id="u433_div" class=""></div>
              <div id="u433_text" class="text ">
                <p><span>低脂食谱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u434" class="ax_default _文本段落">
              <div id="u434_div" class=""></div>
              <div id="u434_text" class="text ">
                <p><span>Low Fat</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u435" class="ax_default _文本段落">
              <div id="u435_div" class=""></div>
              <div id="u435_text" class="text ">
                <p><span>&nbsp;抑制脂肪生成</span></p><p><span>促进食物消化</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u436" class="ax_default _文本段落">
              <div id="u436_div" class=""></div>
              <div id="u436_text" class="text ">
                <p><span style="color:#19736B;">Nutri</span><span style="color:#FE8654;">sporter</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state8" class="panel_state" data-label="高蛋白食谱" style="visibility: hidden;">
          <div id="u142_state8_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u437" class="ax_default box_1">
              <div id="u437_div" class=""></div>
              <div id="u437_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u438" class="ax_default _图片_">
              <img id="u438_img" class="img " src="images/home/u221.png"/>
              <div id="u438_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u439" class="ax_default _图片_">
              <img id="u439_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u439_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u440" class="ax_default _图片_">
              <img id="u440_img" class="img " src="images/home/u267.png"/>
              <div id="u440_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (三角形) -->
            <div id="u441" class="ax_default flow_shape">
              <img id="u441_img" class="img " src="images/home/u374.svg"/>
              <div id="u441_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u442" class="ax_default flow_shape">
              <div id="u442_div" class=""></div>
              <div id="u442_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u443" class="ax_default box_1">
              <div id="u443_div" class=""></div>
              <div id="u443_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u444" class="ax_default box_1">
              <div id="u444_div" class=""></div>
              <div id="u444_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- 柠檬鸡扒 (组合) -->
            <div id="u445" class="ax_default" data-label="柠檬鸡扒" data-left="46" data-top="130" data-width="260" data-height="148">

              <!-- Unnamed (矩形) -->
              <div id="u446" class="ax_default box_1">
                <div id="u446_div" class=""></div>
                <div id="u446_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u447" class="ax_default _文本段落">
                <div id="u447_div" class=""></div>
                <div id="u447_text" class="text ">
                  <p><span>柠檬香煎</span></p><p><span>&nbsp;&nbsp; 鸡排</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u448" class="ax_default _文本段落">
                <div id="u448_div" class=""></div>
                <div id="u448_text" class="text ">
                  <p><span>早餐 午餐 晚餐</span></p>
                </div>
              </div>

              <!-- Unnamed (矩形) -->
              <div id="u449" class="ax_default _文本段落">
                <div id="u449_div" class=""></div>
                <div id="u449_text" class="text ">
                  <p><span>217千卡</span></p>
                </div>
              </div>

              <!-- Unnamed (图片 ) -->
              <div id="u450" class="ax_default _图片_">
                <img id="u450_img" class="img " src="images/home/u450.png"/>
                <div id="u450_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u451" class="ax_default _文本段落">
              <div id="u451_div" class=""></div>
              <div id="u451_text" class="text ">
                <p><span>高蛋白食谱</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u452" class="ax_default box_1">
              <div id="u452_div" class=""></div>
              <div id="u452_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u453" class="ax_default box_1">
              <div id="u453_div" class=""></div>
              <div id="u453_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u454" class="ax_default _文本段落">
              <div id="u454_div" class=""></div>
              <div id="u454_text" class="text ">
                <p><span>307千卡</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u455" class="ax_default _文本段落">
              <div id="u455_div" class=""></div>
              <div id="u455_text" class="text ">
                <p><span>&nbsp;番茄</span></p><p><span>龙利鱼</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u456" class="ax_default _文本段落">
              <div id="u456_div" class=""></div>
              <div id="u456_text" class="text ">
                <p><span>159千卡</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u457" class="ax_default _文本段落">
              <div id="u457_div" class=""></div>
              <div id="u457_text" class="text ">
                <p><span style="color:#19736B;">Nutri</span><span style="color:#FE8654;">sporter</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u458" class="ax_default _图片_">
              <img id="u458_img" class="img " src="images/home/u458.png"/>
              <div id="u458_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u459" class="ax_default _文本段落">
              <div id="u459_div" class=""></div>
              <div id="u459_text" class="text ">
                <p><span>早餐 午餐 晚餐</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u460" class="ax_default _图片_">
              <img id="u460_img" class="img " src="images/home/u460.png"/>
              <div id="u460_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u461" class="ax_default _文本段落">
              <div id="u461_div" class=""></div>
              <div id="u461_text" class="text ">
                <p><span>孜然</span></p><p><span>牛肉</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u462" class="ax_default _文本段落">
              <div id="u462_div" class=""></div>
              <div id="u462_text" class="text ">
                <p><span>早餐 午餐 晚餐</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u142_state9" class="panel_state" data-label="柠檬香煎&nbsp; &nbsp; 鸡排" style="visibility: hidden;">
          <div id="u142_state9_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u463" class="ax_default box_1">
              <div id="u463_div" class=""></div>
              <div id="u463_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u464" class="ax_default _图片_">
              <img id="u464_img" class="img " src="images/home/u221.png"/>
              <div id="u464_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u465" class="ax_default _图片_">
              <img id="u465_img" class="img " src="images/输入用户信息/u71.png"/>
              <div id="u465_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u466" class="ax_default _图片_">
              <img id="u466_img" class="img " src="images/home/u267.png"/>
              <div id="u466_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u467" class="ax_default box_1">
              <div id="u467_div" class=""></div>
              <div id="u467_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u468" class="ax_default _文本段落">
              <div id="u468_div" class=""></div>
              <div id="u468_text" class="text ">
                <p><span>柠檬香煎</span></p><p><span>&nbsp;&nbsp; 鸡排</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u469" class="ax_default _文本段落">
              <div id="u469_div" class=""></div>
              <div id="u469_text" class="text ">
                <p><span style="color:#19736B;">Nutri</span><span style="color:#FE8654;">sporter</span></p>
              </div>
            </div>

            <!-- Unnamed (图片 ) -->
            <div id="u470" class="ax_default _图片_">
              <img id="u470_img" class="img " src="images/home/u450.png"/>
              <div id="u470_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u471" class="ax_default _文本段落">
              <div id="u471_div" class=""></div>
              <div id="u471_text" class="text ">
                <p><span>营养能量（1人份）</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u472" class="ax_default _文本段落">
              <div id="u472_div" class=""></div>
              <div id="u472_text" class="text ">
                <p><span>1. 鸡胸肉切片，撒上盐与黑胡椒腌制15分钟</span></p><p><span><br></span></p><p><span>2. 平底锅刷橄榄油，鸡肉片到微微发白，挤入柠檬汁</span></p><p><span><br></span></p><p><span>3. 至鸡肉泛金黄关火，如果喜辣，可以洒上适量辣椒</span></p><p><span><br></span></p><p><span>4. 配上自己喜欢的蔬果装盘（番茄、黄瓜、牛油果等等）</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u473" class="ax_default _文本段落">
              <div id="u473_div" class=""></div>
              <div id="u473_text" class="text ">
                <p><span>烹饪步骤：</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u474" class="ax_default _文本段落">
              <div id="u474_div" class=""></div>
              <div id="u474_text" class="text ">
                <p><span style="color:#FE8654;">鸡胸肉</span><span>&nbsp; 300克</span></p><p><span><br></span></p><p><span style="color:#FE8654;">青柠檬</span><span>&nbsp; 半个</span></p><p><span><br></span></p><p><span style="color:#FE8654;">橄榄油</span><span>&nbsp; 5克</span></p><p><span><br></span></p><p><span style="color:#FE8654;">黑胡椒</span><span>&nbsp; 适量</span></p><p><span><br></span></p><p><span style="color:#FE8654;">辣椒 </span><span>&nbsp; &nbsp; 适量</span></p><p><span><br></span></p><p><span style="color:#FE8654;">盐</span><span>&nbsp; &nbsp; &nbsp; &nbsp; 适量</span></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u475" class="ax_default line">
              <img id="u475_img" class="img " src="images/home/u475.svg"/>
              <div id="u475_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u476" class="ax_default _文本段落">
              <div id="u476_div" class=""></div>
              <div id="u476_text" class="text ">
                <p><span>食材（2人份）</span></p>
              </div>
            </div>

            <!-- Unnamed (垂直线) -->
            <div id="u477" class="ax_default line">
              <img id="u477_img" class="img " src="images/home/u477.svg"/>
              <div id="u477_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u478" class="ax_default line">
              <img id="u478_img" class="img " src="images/home/u478.svg"/>
              <div id="u478_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u479" class="ax_default line">
              <img id="u479_img" class="img " src="images/home/u479.svg"/>
              <div id="u479_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线段) -->
            <div id="u480" class="ax_default line">
              <img id="u480_img" class="img " src="images/home/u475.svg"/>
              <div id="u480_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u481" class="ax_default _文本段落">
              <div id="u481_div" class=""></div>
              <div id="u481_text" class="text ">
                <p><span>能量&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span><span style="color:#19736B;">217千卡</span></p><p><span><br></span></p><p><span>蛋白质&nbsp; &nbsp; &nbsp; &nbsp; </span><span style="color:#19736B;"> 52%</span></p><p><span><br></span></p><p><span>脂肪&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span><span style="color:#19736B;">33%</span></p><p><span><br></span></p><p><span>碳水&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; </span><span style="color:#19736B;">14%</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u482" class="ax_default _一级标题">
        <div id="u482_div" class=""></div>
        <div id="u482_text" class="text ">
          <p><span>HOME页</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u483" class="ax_default _二级标题">
        <div id="u483_div" class=""></div>
        <div id="u483_text" class="text ">
          <p><span>说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u484" class="ax_default _文本段落">
        <div id="u484_div" class=""></div>
        <div id="u484_text" class="text ">
          <p><span>页面载入时，通过动态面板的双层嵌套实现图片的轮播。</span></p><p><span>选择在界面的中间，每5秒自动切换展示一张图片，更全面的展示提高了更多内容的曝光率。</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u485" class="ax_default _文本段落">
        <div id="u485_div" class=""></div>
        <div id="u485_text" class="text ">
          <p><span style="color:#19736B;">Nutri</span><span style="color:#FE8654;">sporter</span></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u486" class="ax_default _图片_">
        <img id="u486_img" class="img " src="images/home/u221.png"/>
        <div id="u486_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u487" class="ax_default box_1">
        <div id="u487_div" class=""></div>
        <div id="u487_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
